.mat-ripple {
  overflow: hidden;
  position: relative;
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0s cubic-bezier(0, 0, .2, 1);
  transform: scale(0)
}

.mat-option-ripple {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

@media screen and (-ms-high-contrast: active) {
  .mat-option-ripple {
    opacity: .5
  }
}

.mat-ripple-element {
  background-color: rgba(0, 0, 0, .1)
}

.mat-icon-button.mat-primary .mat-ripple-element {
  background-color: rgba(63, 81, 181, .26)
}

.mat-icon-button.mat-accent .mat-ripple-element {
  background-color: rgba(255, 64, 129, .26)
}

.mat-icon-button.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, .26)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-primary .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(63, 81, 181, .26)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(255, 64, 129, .26)
}

.mat-checkbox:not(.mat-checkbox-disabled).mat-warn .mat-checkbox-ripple .mat-ripple-element {
  background-color: rgba(244, 67, 54, .26)
}

.mat-input-placeholder {
  color: rgba(0, 0, 0, .38)
}

.mat-focused .mat-input-placeholder {
  color: #3f51b5
}

.mat-focused .mat-input-placeholder.mat-accent {
  color: #ff4081
}

.mat-focused .mat-input-placeholder.mat-warn {
  color: #f44336
}

.mat-input-element:disabled {
  color: rgba(0, 0, 0, .38)
}

.mat-focused .mat-input-placeholder.mat-float .mat-placeholder-required, input.mat-input-element:-webkit-autofill + .mat-input-placeholder .mat-placeholder-required {
  color: #ff4081
}

.mat-input-underline {
  border-color: rgba(0, 0, 0, .12)
}

.mat-input-underline .mat-input-ripple {
  background-color: #3f51b5
}

.mat-input-underline .mat-input-ripple.mat-accent {
  background-color: #ff4081
}

.mat-input-underline .mat-input-ripple.mat-warn {
  background-color: #f44336
}

.mat-input-invalid .mat-input-placeholder, .mat-input-invalid .mat-placeholder-required {
  color: #f44336
}

.mat-input-invalid .mat-input-underline {
  border-color: #f44336
}

.mat-input-invalid .mat-input-ripple {
  background-color: #f44336
}

.mat-input-error {
  color: #f44336
}

.mat-radio-ripple .mat-ripple-element {
  background-color: rgba(255, 64, 129, .26)
}

.mat-radio-disabled .mat-radio-ripple .mat-ripple-element {
  background-color: rgba(0, 0, 0, .38)
}

.mat-slide-toggle:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle .mat-ripple-element {
  background-color: rgba(233, 30, 99, .12)
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #3f51b5
}

.mat-slide-toggle.mat-primary.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(63, 81, 181, .5)
}

.mat-slide-toggle.mat-primary:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle.mat-primary .mat-ripple-element {
  background-color: rgba(63, 81, 181, .12)
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #f44336
}

.mat-slide-toggle.mat-warn.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(244, 67, 54, .5)
}

.mat-slide-toggle.mat-warn:not(.mat-checked) .mat-ripple-element {
  background-color: rgba(0, 0, 0, .06)
}

.mat-slide-toggle.mat-warn .mat-ripple-element {
  background-color: rgba(244, 67, 54, .12)
}


button.mat-ripple {
  position: relative;
}
